<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div img{
				width: 100px;
				height: 100px;
				/* background-color: aquamarine; */
				transform:rotate(30deg);
			}
			div{
				width: 100px;
				height: 100px;
				overflow: hidden;
				/* 溢出隐藏 */
				background-color: #0000FF;
			}
			img:hover{
				transform:rotate(0deg);
			}
			/* div:hover img{
				transform:rotate(0deg);
				/* transition: 5s; */
			/* } */
		</style>
	</head>
	<body>
		<div class="">
			<img src="4.png" >
		</div>
	</body>
</html>
